<template>
	<view class="loadmore">
		<uv-load-more :status="status[props.type]" line :marginTop="marginTop" :loadmoreText="loadmoreText" :loadingText="loadingText"
			:nomoreText="nomoreText" />
	</view>
</template>

<script setup>
	// 根据type映射
	const status = {
		1: "loading", //加载中
		2: "loadmore", //加载更多
		3: "nomore" //没有更多
	}
	const props = defineProps({
		type: {
			type: Number,
			default: 1
		},
		loadmoreText: {
			type: String,
			default: "轻轻上拉"
		},
		loadingText: {
			type: String,
			default: "努力加载中"
		},
		nomoreText: {
			type: String,
			default: "End"
		},
		marginTop: {
			type: Number,
			default: 20
		}
	})
</script>

<style lang="scss" scoped>

</style>